<template>
	<view class="demo">
		<p style="width: 100%;height: 5vw;font-size: 4vw;margin-top: 5vw;margin-left: 8vw;">权限管理</p>
		<view class="tops">
			<view class="tops_left">
			<h3 style="margin-left: 3vw;font-size: 4vw;margin-top: 3vw;">系统权限管理</h3>
			<p style="margin-left: 3vw;font-size: 3vw;color: #ccc;">管理APP使用的系统权限</p>
			</view>
			<view class="tops_right">
				<p style="font-size: 7vw;color: #ccc;line-height: 13vw;"> ></p>
			</view>
		</view>
				<p style="width: 100%;height: 5vw;font-size: 4vw;margin-top: 5vw;margin-left: 8vw;">隐私说明</p>
				<view class="kou">
					<view class="top">
						<view class="tops_left">
						<h3 style="margin-left: 3vw;font-size: 4vw;margin-top: 3vw;line-height: 10vw;">第三方信息共享清单</h3>
						
						</view>
						<view class="tops_right">
							<p style="font-size: 7vw;color: #ccc;line-height: 13vw;">></p>
						</view>
					</view>
					<view class="top">
						<view class="tops_left">
						<h3 style="margin-left: 3vw;font-size: 4vw;margin-top: 3vw;line-height: 10vw;">个人信息收集清单</h3>
						
						</view>
						<view class="tops_right">
							<p style="font-size: 7vw;color: #ccc;line-height: 13vw;">></p>
						</view>
					</view>
					<view class="top">
						<view class="tops_left">
						<h3 style="margin-left: 3vw;font-size: 4vw;margin-top: 3vw;line-height: 10vw;">隐私政策简要版</h3>
						
						</view>
						<view class="tops_right">
							<p style="font-size: 7vw;color: #ccc;line-height: 13vw;">></p>
						</view>
					</view>
					<view class="top">
						<view class="tops_left">
						<h3 style="margin-left: 3vw;font-size: 4vw;margin-top: 3vw;line-height: 10vw;">系统权限管理</h3>
						
						</view>
						<view class="tops_right">
							<p style="font-size: 7vw;color: #ccc;line-height: 13vw;">></p>
						</view>
					</view>
				</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style type="text/css">
  @import url("/static/icon2/style.css");
</style>
<style>
		.demo{
			width: 100vw;
			height: 100vh;
			background-color: #f6f9fc;
			display: flex;
			flex-direction: column;
			align-items: center;
			overflow: scroll;
			
		}
		.top{
			width: 100%;
			height: 15vw;
			/* margin-top: 5vw; */
			background-color: #ffffff;
			/* border-radius: 2vw; */
			border-bottom: 1px solid #edecec;
			display: flex;
		}
		.tops{
			width: 90%;
			height: 15vw;
			margin-top: 5vw;
			background-color: #ffffff;
			border-radius: 2vw;
			display: flex;
		}
		.tops_left{
			width: 90%;
			height: 100%;
		}
		.tops_right{
			width: 10%;
			height: 100%;
		}
		.top_right{
			width: 10%;
			height: 100%;
		}
		.kou{
			width: 90%;
			height: 90vw;
			margin-top: 5vw;
			background-color: #ffffff;
			border-radius: 5vw;
			overflow: scroll;
		}
</style>
